import MyNav from '../views/myNav'
import { Link } from 'react-router-dom'

export default function NavBar() { 
  return (
    <>
      <h3 style={{paddingLeft:'30px'}}> 编写路由链接 </h3>
      <ul className='navbar'>
        <li><MyNav to='/header'>Header</MyNav></li>
        <li><MyNav to='/foot/ddd'> Foot </MyNav></li>
        <li> <MyNav to='/condition'> Condition </MyNav></li>
        <li><MyNav to='/list/231122/cake?time=656951125545'> Render List </MyNav></li>
        <li><MyNav to='/pure'> Pure Fun </MyNav></li>
        <li><MyNav to='/action/index'> Action Index </MyNav></li>
        <li><MyNav to='/state/index'> State Index </MyNav></li>
        <li><MyNav to='/state/input'> State Input </MyNav></li>
        <li><MyNav to='/state/chat'> State Chat </MyNav></li>
        <li><MyNav to='/Share'> Share </MyNav></li>
        <li><MyNav to='/qq'>即时通讯 </MyNav></li>
        <li><Link to='/Share'>Share=2</Link> {/*可以跳转*/}</li>
      </ul>
    </>
  )
}